<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .menu {
            float: left;
            width: 200px;
            color:  #FFF;
        }
        .content {
            border-left:  200px solid #40403b;/*这里是主要的样式*/
            padding: 20px;
            height: 1000px; /* 这里代表内容区域 */
        }


    </style>
</head>
<body>
<div class="menu">
    <ul>
        <li>首页</li>
        <li>商品管理</li>
        <li>营销中心</li>
        <li>会员管理</li>
        <li>系统设置</li>
    </ul>
</div>
<div class="content">这里是内容区域</div>


</body>
</html>